<!--生产实况-->
<div>
    <div id="flyData" >
            <el-tabs type="border-card" @tab-click="tabClick" style="margin-top: 20px">
                <el-tab-pane>
                    <span slot="label" class="font-subtitle-sty"><i class="el-icon-date"></i> 日 报</span>
                    <!--昨日飞行日报-->
                    <el-row >
                        <!--昨日飞行总量-->
                        <el-col :span="8">
                        <div  class="day-data-top consume-panel" style="margin-left:0px ">
                            <el-row>
                               <sapn  class="font-subtitle-sty">昨日飞行时数</sapn>
                            </el-row>
                            <el-row style="text-align: center;margin-top: 15px">
                                <span  class="font-spe-sty">{{totalAtcDay}}</span>
                                <span class="font-base-sty">h</span>
                                <span  class="font-spe-sty">0</span>
                                <span class="font-base-sty">m</span>
                            </el-row>
                        </div>
                        </el-col>

                        <!--昨日计划-->
                        <el-col :span="8" >
                            <div  class="day-data-top consume-panel">
                                <el-row style="margin-left: 10px">
                                    <span class="font-subtitle-sty" >昨日计划</span>
                                    <span class="font-spe-sty">{{sortieNumDay}}</span>
                                    <span class="font-subtitle-sty">架次</span>
                                </el-row>
                                <el-row style="padding: 10px;">
                                   <div class="font-base-sty" style="text-align: center">完成率</div>
                                    <el-progress :text-inside="true" :stroke-width="18" :percentage="80" status="success">
                                    </el-progress>
                                </el-row>
                            </div>
                            <!--  <div id="atcStatistics" :style="{width: '500px', height: '300px'}" style="margin-top:30px"></div>-->
                        </el-col>

                    <el-col :span="8" style="padding-right: 20px">


                        <div class="day-data-top consume-panel" style="padding: 0px">
                            <el-table
                                    :data="atcDayData"
                                    height="150"
                                    border
                                    style="width: 100%;">
                                <el-table-column
                                        align="center"
                                        type="index"
                                        label="排名"
                                        width="60">
                                </el-table-column>
                                    <el-table-column
                                            align="center"
                                            prop="unit"
                                            label="航班号"
                                    >
                                    </el-table-column>
                                    <el-table-column
                                            align="center"
                                            label="飞行时数">
                                        <template scope="scope">
                                <span>
                                    {{scope.row.atcDay}}h
                                </span>
                                        </template>
                                    </el-table-column>
                            </el-table>
                        </div>
                    </el-col>
                    </el-row>
                    <el-row>
                        <!--机型飞行时数-->
                        <el-col :span="12">
                            <div id="flightForYesterday"  class="day-tubiao-base consume-panel" :style="{width: '100%', height: '300px'}" style="margin-left:0px "></div>
                        </el-col>
                        <!--飞行影响分析-->
                        <el-col :span="12">
                            <div id="flightFactors"  class="day-tubiao-base consume-panel" :style="{width: '95%', height: '300px'}"></div>
                        </el-col>
                    </el-row>
                    <el-row>
                        <!--每小时执行架次统计图-->
                        <el-col :span="12">
                        <div id="atcHours"  class="day-tubiao-base consume-panel" :style="{width: '100%', height: '400px'}" style="margin-left:0px "></div>
                    </el-col>
                        <!--迁徙图-->
                        <el-col :span="12">
                            <div id="mapMigr"   class="day-tubiao-base consume-panel" :style="{width: '95%', height: '400px'}">
                            </div>
                        </el-col>
                    </el-row>
                </el-tab-pane>

                <!-----------------------------------------------月报-------------------------------------------------->
                <el-tab-pane>
                    <span slot="label" class="font-subtitle-sty"><i class="el-icon-date"></i> 月 报</span>
                    <!--上月飞行数据-->
                    <el-row>
                        <!--上月飞行总量-->
                        <el-col :span="8">
                            <div class="day-data-top consume-panel" style="margin-left: 0px;" >
                                <el-row >
                                    <sapn class="font-subtitle-sty">上月飞行时数</sapn>
                                </el-row>
                                <el-row style="text-align: center;margin-top: 15px">
                                    <span class="font-spe-sty">{{totalAtcMonth}}</span>
                                    <span class="font-base-sty">h</span>
                                    <span class="font-spe-sty">0</span>
                                    <span class="font-base-sty">m</span>
                                </el-row>
                            </div>
                        </el-col>

                        <!--本月计划-->
                        <el-col :span="8" >
                            <div  class="day-data-top consume-panel" >
                                <el-row style="margin-left: 10px">
                                    <span class="font-subtitle-sty">本月计划</span>
                                    <span class="font-spe-sty">{{sortieNumMonth}}</span>
                                    <span class="font-subtitle-sty">架次</span>
                                </el-row>
                                <el-row style="padding: 10px;">
                                    <div class="font-base-sty" style="text-align: center">完成率</div>
                                    <el-progress :text-inside="true" :stroke-width="18" :percentage="80" status="success">
                                    </el-progress>
                                </el-row>
                            </div>
                            <!--  <div id="atcStatistics" :style="{width: '500px', height: '300px'}" style="margin-top:30px"></div>-->
                        </el-col>

                        <el-col :span="8" style="padding-right: 20px">
                            <div class="day-data-top consume-panel" style="padding: 0px">
                                    <el-table
                                            border
                                            :data="atcMonthData"
                                            height="150"
                                            style="width: 100%;">
                                        <el-table-column
                                                align="center"
                                                type="index"
                                                label="排名"
                                                width="60">
                                        </el-table-column>
                                        <el-table-column
                                                align="center"
                                                prop="unit"
                                                label="航班号"
                                        >
                                        </el-table-column>
                                        <el-table-column
                                                align="center"
                                                label="飞行时数">
                                            <template scope="scope">
                                <span>
                                    {{scope.row.atcMonth}}h
                                </span>
                                            </template>
                                        </el-table-column>
                                    </el-table>
                            </div>
                        </el-col>
                    </el-row>
                    <el-row>
                        <!--机型飞行时数-->
                        <el-col :span="12">
                            <div id="flightForMonth"  class="day-tubiao-base consume-panel" :style="{width: '100%', height: '300px'}" style="margin-left: 0px;" ></div>
                        </el-col>
                        <!--飞行影响分析-->
                        <el-col :span="12">
                            <div id="flightFactorsM" class="day-tubiao-base consume-panel" :style="{width: '95%', height: '300px'}"></div>
                        </el-col>
                    </el-row>
                    <el-row>
                        <!--飞行资源统计-->
                        <el-col :span="12">
                            <div class="data-center-table consume-panel">
                                <el-row >
                                    <el-col :span="24"><span class="font-subtitle-sty">上月飞行资源统计</span></el-col>
                                </el-row>
                                <el-row class="airRes">
                                    <el-col :span="7">飞机</el-col>
                                    <el-col :span="5"><span style="width: 100px">117</span></el-col>
                                    <el-col :span="7">学员</el-col>
                                    <el-col :span="5"><span style="width: 100px">1234</span></el-col>
                                </el-row>
                                <el-row class="airRes">
                                    <el-col :span="7"><span style="width: 100px">飞行员</span></el-col>
                                    <el-col :span="5"><span style="width: 100px">117</span></el-col>
                                    <el-col :span="7"><span style="width: 100px">通航企业</span></el-col>
                                    <el-col :span="5"><span style="width: 100px">11</span></el-col>
                                </el-row>
                            </div>
                        </el-col>
                        <!--企业状况-->
                        <el-col :span="12">
                            <div  class="data-center-table consume-panel" style="padding: 0px; margin-top: 0px;margin-left: 10px;margin-right: 17px;">
                                <el-table
                                        border
                                        :data="rankingListData"
                                        height="180"
                                        style="width: 100%;">
                                    <el-table-column label="企业状况" align="center">
                                        <el-table-column
                                                align="center"
                                                prop="unit"
                                                label="航班号"
                                                >
                                        </el-table-column>
                                        <el-table-column
                                                align="center"
                                                prop="type"
                                                label="机型"
                                        >
                                        </el-table-column>
                                        <el-table-column
                                                align="center"
                                                prop="flyingCadet"
                                                label="飞行学员"
                                        >
                                        </el-table-column>
                                        <el-table-column
                                                align="center"
                                                prop="aviator"
                                                label="飞行员"
                                        >
                                        </el-table-column>
                                    </el-table-column>
                                </el-table>
                            </div>
                        </el-col>
                    </el-row>
                    <!--本月飞行时数统计-->
                    <el-row>
                        <el-col :span="12">
                            <div id="atcDaysM" class="day-tubiao-base consume-panel" :style="{width: '100%', height: '400px'}" style="margin-left: 0px;" ></div>
                        </el-col>
                        <!--迁徙图-->
                        <el-col :span="12">
                            <div id="mapMigrM" class="day-tubiao-base consume-panel" :style="{width: '95%', height: '400px'}">
                            </div>
                        </el-col>
                    </el-row>
                    <!--本月飞行数据表-->
                    <div style="padding-right: 20px">
                        <el-row  class="data-bottom-table consume-panel" >
                        <el-table
                                border
                                :data="tableDataMonth"
                                border
                                style="width: 100%;">
                            <el-table-column
                                    align="center"
                                    prop="unit"
                                    label="航班号"
                            >
                            </el-table-column>
                            <el-table-column
                                    align="center"
                                    prop="airType"
                                    label="机型">
                            </el-table-column>
                            <el-table-column
                                    align="center"
                                    prop="sortie"
                                    label="架次">
                            </el-table-column>

                            <el-table-column
                                    align="center"
                                    prop="flightDays"
                                    label="飞行时数">
                                <template scope="scope">
                                    <span>{{scope.row.flightDays}}h</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                    align="center"
                                    prop="monthPlan"
                                    label="本月计划">
                            </el-table-column>

                            <el-table-column
                                    align="center"
                                    label="计划执行进度">

                                <template scope="scope">
                                    <el-progress :percentage=(scope.row.sortie/scope.row.monthPlan*100).toFixed(1)></el-progress>
                                </template>
                            </el-table-column>
                        </el-table>
                        </el-row>
                    </div>
                </el-tab-pane>

                <!--------------------------------------------------------年报--------------------------------------------------------------------->
                <el-tab-pane>
                    <el-row>
                        <!--本年飞行总量-->
                        <el-col :span="8">
                            <div class="day-data-top consume-panel"style="margin-left: 0px;">
                                <el-row >
                                    <sapn class="font-subtitle-sty">本年累计飞行时数</sapn>
                                </el-row>
                                <el-row style="text-align: center;margin-top:15px">
                                    <span class="font-spe-sty">{{totalAtcYear}}</span>
                                    <span class="font-base-sty">h</span>
                                    <span class="font-spe-sty">0</span>
                                    <span class="font-base-sty">m</span>
                                </el-row>
                            </div>
                        </el-col>

                        <!--本年计划-->
                        <el-col :span="8" >
                            <div class="day-data-top consume-panel" >
                                <el-row style="margin-left: 10px">
                                    <span class="font-subtitle-sty">本年计划</span>
                                    <span class="font-spe-sty">{{sortieNumYear}}</span>
                                    <span class="font-subtitle-sty">架次</span>
                                </el-row>
                                <el-row style="padding: 10px;">
                                    <div class="font-base-sty" style="text-align: center">完成率</div>
                                    <el-progress :text-inside="true" :stroke-width="18" :percentage="80" status="success">
                                    </el-progress>
                                </el-row>
                            </div>

                        </el-col>

                        <el-col :span="8"  style="padding-right: 20px">
                            <div class="day-data-top consume-panel" style="padding: 0px">
                                    <el-table
                                            border
                                            :data="atcYearData"
                                            height="150"
                                            style="width: 100%;">
                                        <el-table-column
                                                align="center"
                                                type="index"
                                                label="排名"
                                                width="60">
                                        </el-table-column>
                                        <el-table-column
                                                align="center"
                                                prop="unit"
                                                label="航班号"
                                        >
                                        </el-table-column>
                                        <el-table-column
                                                align="center"
                                                label="飞行时数">
                                            <template scope="scope">
                                <span>
                                    {{scope.row.atcYear}}h
                                </span>
                                            </template>

                                        </el-table-column>
                                    </el-table>
                                </div>
                        </el-col>
                    </el-row>
                    <el-row>
                        <!--本年机型飞行时数-->
                        <el-col :span="12">
                            <div id="flightForYear" class="day-tubiao-base consume-panel" :style="{width: '100%', height: '300px'}"style="margin-left: 0px;"></div>
                        </el-col>
                        <!--飞行影响分析-->
                        <el-col :span="12">
                            <div id="flightFactorsY" class="day-tubiao-base consume-panel" :style="{width: '95%', height: '300px'}"></div>
                        </el-col>
                    </el-row>
                    <el-row>
                        <!--本年飞行资源统计-->
                        <el-col :span="12">
                            <div class="data-center-table consume-panel">
                                <el-row >
                                    <el-col :span="24"><span class="font-subtitle-sty">本年飞行资源统计</span></el-col>
                                </el-row>
                                <el-row class="airRes">
                                    <el-col :span="7">飞机</el-col>
                                    <el-col :span="5"><span style="width: 100px">117</span></el-col>
                                    <el-col :span="7">学员</el-col>
                                    <el-col :span="5"><span style="width: 100px">1234</span></el-col>
                                </el-row>
                                <el-row class="airRes">
                                    <el-col :span="7"><span style="width: 100px">飞行员</span></el-col>
                                    <el-col :span="5"><span style="width: 100px">117</span></el-col>
                                    <el-col :span="7"><span style="width: 100px">通航企业</span></el-col>
                                    <el-col :span="5"><span style="width: 100px">11</span></el-col>
                                </el-row>
                            </div>
                        </el-col>
                        <!--企业状况-->
                        <el-col :span="12">
                            <div class="data-center-table consume-panel" style="padding: 0px; margin-top: 0px;margin-left: 10px;margin-right: 17px;">
                                <el-table
                                        border
                                        :data="rankingListData"
                                        height="180"
                                        style="width: 100%;">
                                    <el-table-column label="企业状况" align="center">
                                        <el-table-column
                                                align="center"
                                                prop="unit"
                                                label="航班号"
                                        >
                                        </el-table-column>
                                        <el-table-column
                                                align="center"
                                                prop="type"
                                                label="机型"
                                        >
                                        </el-table-column>
                                        <el-table-column
                                                align="center"
                                                prop="flyingCadet"
                                                label="飞行学员"
                                        >
                                        </el-table-column>
                                        <el-table-column
                                                align="center"
                                                prop="aviator"
                                                label="飞行员"
                                        >
                                        </el-table-column>
                                    </el-table-column>
                                </el-table>
                            </div>
                        </el-col>
                    </el-row>
                    <!--本年飞行时数统计-->
                    <el-row>
                        <el-col :span="12">
                            <div id="atcMouthsY" class="day-tubiao-base consume-panel" :style="{width: '100%', height: '400px'}" style="margin-left: 0px;"></div>
                        </el-col>
                        <!--迁徙图-->
                        <el-col :span="12">
                            <div id="mapMigrY" class="day-tubiao-base consume-panel" :style="{width: '95%', height: '400px'}">
                            </div>
                        </el-col>
                    </el-row>
                    <!--本年飞行数据表-->
                    <div style="padding-right: 20px">
                        <el-row  class="data-bottom-table consume-panel">
                        <el-table
                                :data="tableDataYear"
                                border
                                style="width: 100%;">
                            <el-table-column
                                    align="center"
                                    prop="unit"
                                    label="航班号"
                            >
                            </el-table-column>
                            <el-table-column
                                    align="center"
                                    prop="airType"
                                    label="机型">
                            </el-table-column>
                            <el-table-column
                                    align="center"
                                    prop="sortie"
                                    label="架次">
                            </el-table-column>

                            <el-table-column
                                    align="center"
                                    prop="flightDays"
                                    label="飞行时数">
                                <template scope="scope">
                                    <span>
                                        {{scope.row.flightDays}}h
                                    </span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                    align="center"
                                    prop="yearPlan"
                                    label="本年计划">
                            </el-table-column>

                            <el-table-column label="计划执行进度"  align="center">
                                <template scope="scope">
                                    <el-progress  :percentage=(scope.row.sortie/scope.row.yearPlan*100).toFixed(1) ></el-progress>
                                </template>
                            </el-table-column>
                        </el-table>
                        </el-row>
                    </div>
                    <span slot="label" class="font-subtitle-sty"><i class="el-icon-date"></i> 年 报</span>
                </el-tab-pane>
            </el-tabs>




    </div>








</div>